<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery 了解javaScript功能：页面上所有触发型效果
		     JQuery的使用方式：
			 1.JQuery官方网站 下载JQuery封装js库，效果
			                JQuery-2.x.js之后的版本不支持IE 6.7.8
			2.引入JQuery框架【js类库】，在head中，script元素 导入
		     <script src="js/jquery-1.11.1.js"></script>
			3.编写JQuery框架语法---JS页面动态效果
			页面最后body前方加script元素，为什么？
			思考：操作页面上面元素，body中生成实际页面上的内容，改变页面效果，理解DOM树
			      整个html+css 理解为一棵DOM树：元素、属性、属性值 先存在
				  这些元素 可以进行操作 所以 JS中DOM树的操作需要等页面元素
				  都加载完毕 才可以进行对页面元素进行实质性操作！
				  
			JavaScript行为层  EMCAScript5.0核心语法层--类似于java基础
			                 功能：做逻辑
					重点：	DOM   Document Object Model  文档节点对象模型
						功能：改变做页面效果【结合逻辑】
						DOM树  document   元素 属性 属性值
						         html
							head     body
						meta
					charsert
								 
						BOM   Browser Object Model   浏览器对象模型
						功能：做浏览器效果【结合逻辑】  吸顶灯效果
		-->
		<script src="js/jquery-1.11.1.js"></script>
		
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		<script>
			/* JQ语法 */
			$("button").click(function(){alert("别着急~")})
		</script>
	</body>
</html>